/* -- YUI Reset, Base, and Fonts -------------------------------------------- */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/

/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* base (slightly modified) */
h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}dl{margin-left:0;}ol,ul{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}

/* -- Defaults -------------------------------------------------------------- */
body, button, input, select { font: 13px/1.231 Helvetica, 'Bitstream Vera Sans', sans-serif; }

a {
  color: #0066cc;
  text-decoration: none;
}

a:hover { text-decoration: underline; }
a img { border: 0; }

blockquote {
  border: 1px solid #efefef;
  border-left: 5px solid #efefef;
  font-size: 12px;
  line-height: 1.3em;
  margin-left: 1em;
  padding: 5px;
}

blockquote blockquote {
  border: none;
  margin-right: 0;
  padding: 0;
}

blockquote p:first-child { margin-top: 0; }
blockquote p:last-child { margin-bottom: 0; }

body {
  background: #ededed;
  color: #000;
  margin: 0;
  padding: 0;
}

fieldset {
  border: 1px solid #ccc;
  margin-top: 1.5em;
  padding: 1.5em 1em;
}

fieldset legend { font-weight: bold; }

h1, h2 {
  border-bottom: 1px solid #cfcfcf;
  font-size: 16px;
  font-weight: bold;
}

h3 {
  font-size: 16px;
  font-weight: bold;
}

html { background: none; }
input { font-size: 13px; }
p { margin-top: 1em; }

code, pre, textarea { font: 11px Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, fixed; }
textarea { font-size: 12px; }

pre {
  background: #fcfcfc;
  border: 1px solid #dfdfdf;
  border-left: 5px solid #dfdfdf;
  overflow-x: auto;
  padding: 2px 5px;
  width: 96%;
}

table {
  border-collapse: separate;
  border-spacing: 2px;
}

td, th {
  border: 0;
  padding: 0;
}

/* -- Layout ---------------------------------------------------------------- */
#doc {
  margin: 0 auto;
  padding: 0;
  min-width: 550px;
}

/* -- Header ---------------------------------------------------------------- */
#hd { color: #fff; }

#hd a {
  color: #fff;
  text-decoration: none;
}

#hd h1 {
  background: #4d4c4c;
  border: 0;
  font-size: 32px;
  margin: 0;
  padding: 0.3em 0.2em 0.1em 0.2em;
}

#toolbar {
  background: #323232;
  border-bottom: 1px solid #000;
  border-top: 1px solid #5e5d5d;
  color: #fff;
  font-size: 12px;
  height: 1.75em;
  margin: 0;
  padding: 0 0.7em;
  position: relative;
  text-align: right;
}

#toolbar .subtitle {
  float: left;
  font-weight: bold;
  margin-top: 0.35em;
}

#toolbar ul {
  float: right;
  margin: 0;
}

#toolbar ul li {
  display: inline;
  list-style: none;
}

#toolbar ul li a {
  color: #fff;
  display: block;
  float: left;
  height: 1.44em;
  margin: 0 0.2em;
  padding: 0.35em 0.5em 0 0.5em;
}

#toolbar ul li a:hover { background: #474343; }

@media print {
  #hd { display: none; }
}

/* -- Body ------------------------------------------------------------------ */
#bd {
  background: #fff;
  border: 1px solid #d3d3d3;
  border-top: 0;
  padding-top: 0.8em;
  margin: 0 auto;
  max-width: 800px;
}

#bd:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

/* -- Footer ---------------------------------------------------------------- */
#ft {
  clear: both;
  color: #666;
  font-size: 11px;
  margin: 0 auto;
  max-width: 800px;
  padding: 1em 0;
}

#ft a { color: #666; }

/* -- Content --------------------------------------------------------------- */
#main {
  margin: 0 205px 20px 1.5em;
  padding: 0;
}

@media print {
  #main {
    margin: auto;
    width: auto;
  }
}

/* -- Sidebar --------------------------------------------------------------- */
#sidebar {
  border-left: 1px solid #dfdfdf;
  float: right;
  margin: 0 0 0.5em 0;
  padding: 0 0 1em 0.7em;
  width: 175px;
}

#sidebar a {
  color: #000;
  text-decoration: none;
}

#sidebar a:hover { font-weight: bold; }
#sidebar dl { margin: 0; }

#sidebar dl dt {
  clear: both;
  font-size: 14px;
  font-weight: bold;
  margin: 1em 0 0.2em 0;
  padding: 0 0.2em 0 0;
}

#sidebar dl dt a:hover { text-decoration: underline; }

#sidebar dl dd {
  font-size: 12px;
  margin: 0 5px 0 1px;
}

#sidebar dl dd p { margin: 0; }
#sidebar #search-query { width: 150px; }

@media print {
  #sidebar { display: none; }
}

/* -- Posts ----------------------------------------------------------------- */
.post abbr.published { border: 0; }
.post address.author { display: none; }

.post {
  margin: 0 0 1.5em 0;
  padding-bottom: 1px;
}

.post .hd h1, .post .hd h2 {
  border-bottom: 1px dotted #cfcfcf;
  display: block;
  margin-bottom: 0;
  width: 100%;
}

.post .hd h1 a, .post .hd h2 a { color: #000; }

.post .hd .date {
  color: #888;
  font-size: 85%;
}

.post .ft { text-align: right; }

.post .tags {
  float: left;
  font-size: 11px;
  min-height: 15px;
  text-align: left;
  width: 60%;
}

.post .ft:after {
  clear: left;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

.post .tags a { color: #73ade7; }

.post .tags ul {
  margin: 0;
  padding: 0 0 0 21px;
}

.post .tags ul li {
  display: inline;
  list-style: none;
  margin-right: 0.3em;
  white-space: nowrap;
}

.post .tags .icon.tag {
  float: left;
  vertical-align: middle;
}

@media print {
  .post .ft .meta { display: none; }
}

/* -- Comments -------------------------------------------------------------- */
div.comment {
  border: 1px solid #fff;
  border-bottom: 1px dotted #cfcfcf;
  color: #222;
  margin: 0.5em 0;
  padding: 5px;
}

div.comment:hover {
  background: #f7fcff;
  border: 1px solid #a7d7ff;
  color: #000;
}

.comment h4 {
  font-size: 14px;
  margin: 0;
}

.comment h4 a { color: #333; }
.comment:hover h4 a { color: #000; }

.comment .bd {
  line-height: 1.2em;
  margin-bottom: 0.8em;
}

.comment .ft:after {
  clear: left;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

.comment .gravatar {
  border: 1px solid #cfcfcf;
  float: left;
  margin: -2px 6px 6px 0;
  padding: 1px;
}

.comment .gravatar:hover { border-color: #a0a0a0; }

.comment .gravatar, .comment .gravatar img {
  height: 32px;
  width: 32px;
}

.comment .author { margin-top: 5px; }
.comment .date { font-size: 11px; }
.comment .date a { color: inherit; }

/* -- Post Comment Form ----------------------------------------------------- */
#post-comment { margin-top: 30px; }

#post-comment label {
  float: left;
  margin-top: 4px;
  width: 4em;
}

#post-comment input[type='text'] { width: 200px; }
#post-comment input#title { width: 80%; }
#post-comment p { margin: 0.7em 0; }
#post-comment p.tip { font-size: 12px; }

#post-comment span.tip {
  color: #666;
  font-size: 12px;
  margin-left: 0.5em;
}

#post-comment textarea { width: 100%; }
#post-comment .error { font-size: 11px; }

@media print {
  #post-comment { display: none; }
}

/* -- Pagination ------------------------------------------------------------ */
.pg {
  font-size: 12px;
  margin: 1em 0;
  text-align: center;
  zoom: 1;
}

.pg:after {
  clear: left;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

.pg a, .pg strong {
  border: 1px solid #c7dbff;
  float: left;
  margin: 1px;
  padding: 2px 6px 1px 6px;
}

.pg a.prev, .pg a.next { font-weight: bold; }

.pg a:hover {
  border: 1px solid #0066cc;
  text-decoration: none;
}

.pg strong {
  background: #2663cf;
  border-color: #2663cf;
  color: #fff;
  font-weight: bold;
}

@media print {
  .pg { display: none; }
}

/* -- Recent Comments ------------------------------------------------------- */
ul.comments {
  padding: 0;
  margin: 0;
}

ul.comments li {
  background: #f9f9f9;
  border: 1px solid #ddd;
  list-style: none;
  margin-bottom: 0.5em;
  padding: 3px;
}

ul.comments li:hover {
  background: #fff5ef;
  border: 1px solid #ffaf7f;
}

ul.comments .meta { font-size: 11px; }

/* -- Search Results -------------------------------------------------------- */
.search h4 {
  font-size: 14px;
  margin-bottom: 0;
}

.search ul {
  margin-left: 0;
  padding-left: 0;
}

.search ul li {
  list-style: none;
  margin-bottom: 0.7em;
}

.search .date, .search .url {
  color: #888;
  font-size: 12px;
}

/* -- Admin Toolbar --------------------------------------------------------- */
#adminToolbar {
  background: #f5f5f5;
  border: 1px solid #d3d3d3;
  border-top: none;
  color: #000;
  font-size: 12px;
  height: 24px;
  margin: 0 auto;
  max-width: 820px;
  padding: 3px 4px 4px 4px;
}

#adminToolbar form input { padding: 2px; }
#adminToolbar form label { margin-left: 1em; }
#adminToolbar form label:first-child { margin-left: 7px; }

/* -- Login Page ------------------------------------------------------------ */
#login_page label { font-weight: bold; }

/* -- Flash Messages -------------------------------------------------------- */
.flash {
  background: #f5f5f5;
  border: 1px solid #cfcfcf;
  color: #000;
  padding: 3px 4px 2px;
}

.flash.error {
  background: #ffb7b7;
  border-color: #ff4747;
}

form .flash.error { margin: 0.2em 0 0; }

.flash.success {
  background: #d4ffc7;
  border-color: #7bd75e;
}

/* -- Icons ----------------------------------------------------------------- */
.icon {
  background: url(../images/thoth-sprite.png) no-repeat;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
}

.icon.comment {
  background-position: -33px -1px;
  height: 11px;
  margin: 0 1px 1px 0;
  width: 13px;
  *margin-right: 3px;
}

.icon.comment-post {
  background-position: -17px -1px;
  height: 14px;
  width: 14px;
  *margin-right: 3px;
}

.icon.comments {
  background-position: -33px -1px;
  height: 11px;
  margin: 0 0 1px 0;
  width: 13px;
  *margin: 1px 4px 0 0;
}

.icon.feed {
  background-position: -97px -1px;
  height: 14px;
  margin-bottom: 3px;
  width: 14px;
  *margin: 1px 3px 2px 0;
}

.icon.tag {
  background-position: -79px -1px;
  height: 15px;
  width: 15px;
}

/* -- Misc ------------------------------------------------------------------ */
img.icon {
  background: none;
  vertical-align: middle;
}

img.left {
  border: 1px solid #000;
  float: left;
  margin: 5px 8px 8px 0;
}

img.right {
  border: 1px solid #000;
  float: right;
  margin: 5px 0 8px 8px;
}

p.footnote {
  font-size: 11px;
  margin: 0;
}

p.footnote:last-child { margin-bottom: 1em; }

sup.footnote { line-height: 0.9em; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.noseeum, .hidden { display: none; }
.spaced li { margin-bottom: 1em; }
.spaced li p { margin-top: 0; }
